<template>
<div class="title">
    {{username}}
</div>
</template>

<script>
//import { actions } from '../store';
const actions = null;

export default {
    vuex: {
        actions: actions,
        getters: {
            user: ({ user }) => user,
            session: ({ sessions, currentSessionId }) => {
                var response = sessions.find(session => session.id === currentSessionId);
                return response;
            },
            username : (state) => {
                return state.username
            }
        }
    },
    data () {
        return {
            content: '',
        };
    },
    methods: {
       
    }
};
</script>
<style lang="less" scoped>
.title {
    height: 120px;
    padding: 30px auto;
    z-index: 1000;
    border-top: solid 1px #ddd;
    background-color: #fefefe;
}
</style>